<!DOCTYPE html>
<html lang="zh-CN">

<head>
  <meta charset="utf-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport" content="width=device-width, initial-scale=1">
  <!-- 上述3个meta标签*必须*放在最前面，任何其他内容都*必须*跟随其后！ -->
  <title>我的家乡首页</title>

  <!-- Bootstrap -->
  <link href="https://cdn.jsdelivr.net/npm/bootstrap@3.3.7/dist/css/bootstrap.min.css" rel="stylesheet">
  <link rel="stylesheet" href="CSS/style.css">
  <link rel="stylesheet" href="css/animate.min.css">

</head>

<body>
  <div class="wrap">
    <!-- header部分 -->
    <div class="header">
      <div class="content">
        <div class="header-left">
          <a href="map.html">
            <h3>我的家乡</h3>
          </a>
        </div>
        <div class="header-mid">
          <ul id="nav" class="animated fadeInLeft">
            <li class="active"><a href="index.html"><span>首页</span></a></li>
            <li><a href="food.html" title="html"><span>美食</span></a></li>
            <li><a href="scenery.html" title="html"><span>景点</span></a></li>
            <li><a href="custom.html" title="html"><span>民俗</span></a></li>
          </ul>
        </div>
        <div class="header-right">
          <a href="https://www.cnbz.gov.cn/zjbz/index.html"><button>Welcome</button></a>
        </div>
      </div>
    </div>
    <!-- introduction部分 -->
    <div class="introduction">
      <div class="content">
        <div class="introduction-left">
          <h3>四川巴中</h3>
          <h4>一座来了就不想走的城市</h4>
        </div>
        <div class="introduction-mid">
          <h3>名称由来</h3>
          <p>巴中的名字来源于绕成而流的一条江——巴江（今南江），因水在外，县城在其中，故得此名，巴中真正建市是在公元1933年。</p>
          <img src="img/zi.png" alt="巴中" id="ziimg">
          <p>最早“巴州”二字</p>
        </div>
        <div class="introduction-right">
          <h3>别名</h3>
          <h5>巴城、巴州、巴山</h5>
        </div>
      </div>
    </div>
    <!-- plant部分 -->
    <div class="plant">
      <div class="content">
        <div class="container">
          <div class="page-header">
            <h1>市花与市树</h1>
          </div>
        </div>
        <div class="container">
          <div class="row">
            <div class="col-md-3 animated slideInLeft">
              <div class="thumbnail">
                <img src="img/市花.png" alt="">
                <div class="caption">
                  <h2>市花-由来</h2>
                  <p>杜鹃又名“映山红”，与巴中革命老区红色文化属性交相呼应。虽在全国各地均有栽培，但在巴中分布区域广，尤其是光雾山景区，杜鹃密林长达20余平方公里。
                    每逢花期，烂漫绚丽的杜鹃花映红了大巴山的每个角落，仿佛是巴山儿女铭记红军丰功伟绩、期盼红军重聚巴山的热忱之心，杜鹃（映山红）意为红军之花，代表巴中厚重的红色文化，体现了巴中儿女默默耕耘、无私奉献的革命精神。
                  </p>
                </div>
              </div>
            </div>
            <div class="col-md-3 animated slideInLeft">
              <div class="thumbnail">
                <img src="img/市花1.png" alt="">
                <div class="caption">
                  <h2>市花-典故</h2>
                  <p>
                    传说古代蜀国有一位皇帝叫杜宇，与他的皇后恩爱异常。后来他遭奸人所害，凄惨死去。他的灵魂化作了一只杜鹃鸟，每日在皇后的花园中啼鸣哀嚎。它落下的泪珠是一滴滴红色的鲜血，染红了园中美丽的花朵，所以后人给它起名叫杜鹃花。那皇后听到杜鹃鸟的哀鸣，见到那殷红的鲜血，明白是丈夫灵魂所化。悲伤之下，日夜哀嚎着“子归，子归”，终究郁郁而逝。她的灵魂化为火红的杜鹃花开满山野，与那杜鹃鸟相栖相伴，所以这杜鹃花又叫映山红。
                  </p>
                </div>
              </div>
            </div>
            <div class="col-md-3 animated slideInLeft">
              <div class="thumbnail">
                <img src="img/市树.png" alt="">
                <div class="caption">
                  <h2>市树-由来</h2>
                  <p>
                    水青冈是珍稀树种，被誉为植物界的“活化石”。这是四川、湖北、陕西、重庆四省市交界处的特有植物，集中分布于大巴山海拔1300-1900m的范围内。带有“巴山”二字，巴山水青冈在巴中集中成片分布，达到70余平方公里以上，具有明显的地域特征。同时，该树种也是光雾山最主要的红叶来源，是巴中市光雾山5A景区的重要组成部分，最能体现巴中悠久的历史文化以及巴中人民勤劳勇敢、坚韧不拔精神。
                  </p>
                </div>
              </div>
            </div>
            <div class="col-md-3 animated slideInLeft">
              <div class="thumbnail">
                <img src="img/市树1.png" alt="">
                <div class="caption">
                  <h2>市树-介绍</h2>
                  <p>
                    “巴山水青冈”，壳斗科水青冈属，是1978年四川省林业勘察设计院教授级高工杨钦周在南江沙河河坝发现并命名的一个新种，是世界少有、中国独有、巴中特有的珍稀物种，在我市分布广泛，是构成光雾山-诺水河世界地质公园、光雾山5A景区红叶树种的重要组成部分。它起源古老，被称为“冰川时期活化石”，极具研究价值。
                  </p>
                </div>
              </div>
            </div>
          </div>
        </div>
      </div>
    </div>
    <!-- place部分 -->
    <div class="place">
      <div class="content">
        <div class="place-left">
          <h2>地理环境>></h2>
          <p>
            巴中市属典型的盆周山区，地势北高南低，由北向南倾斜。北部为深切割中山，中切割中山，中部为中切割低山、浅切割低山；南部为丘陵，沿河两岸及台状山顶有平坝、丘陵，平坝面积约为1243平方千米，占幅员面积的10%；山地占90%。
            最高海拔在北西部的南江县光雾山，为2507.0米；最低海拔在南部的平昌县黄梅溪，为268.3米，高差2238.7米。
            中北部山地，低、中山界线明显。</p>
        </div>
        <div class="place-right">
          <h3>行政区划>></h3>
          <img src="img/行政区划.png" alt="">
          <p>截至2023年4月，巴中市辖2个市辖区、3个县，共17个街道、116个镇、6个乡（合计139个乡级行政区划单位）。常住人口265.80万人。</p>
        </div>
      </div>
    </div><br>
    <!-- poetry部分 -->
    <div class="poetry">
      <div class="content">
        <div class="container">
          <div class="page-header">
            <h1>邂逅巴中</h1>
          </div>
        </div>
        <div class="container">
          <div class="row">
            <div class="col-md-4">
              <div class="caption">
                <h3>王周《巴江》</h3>
                <p>巴江江水色，一带浓蓝碧。</p>
                <p>仙女瑟瑟衣，风梭晚来织。</p>
              </div>
            </div>
            <div class="col-md-4">
              <div class="caption">
                <h3>岑参《巴南舟中夜市》</h3>
                <p>渡口欲黄昏，归人争渡喧。</p>
                <p>近钟清野寺，远火点江村。</p>
                <p>见雁思乡信，闻猿积泪痕。</p>
                <p>孤舟万里夜，秋月不堪论。</p>
              </div>
            </div>
            <div class="col-md-4">
              <div class="caption">
                <h3>李商隐《夜雨寄北》</h3>
                <p>君问归期未有期，巴山夜雨涨秋池。</p>
                <p>何当共剪西窗烛，却话巴山夜雨时。</p>
              </div>
            </div>
          </div>
        </div>
      </div>
    </div>
  </div>
  <!-- jQuery (Bootstrap 的所有 JavaScript 插件都依赖 jQuery，所以必须放在前边) -->
  <script src="https://cdn.jsdelivr.net/npm/jquery@1.12.4/dist/jquery.min.js"></script>
  <!-- 加载 Bootstrap 的所有 JavaScript 插件。你也可以根据需要只加载单个插件。 -->
  <script src="https://cdn.jsdelivr.net/npm/bootstrap@3.3.7/dist/js/bootstrap.min.js"></script>
</body>

</html>